<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Google Summer of Code</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/global.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/typography.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/structure.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/tables.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/user-messages.css" />

    <!-- 
    ////////////////////////
      BEGIN CUSTOM SCRIPTS
    ////////////////////////
    -->
    <!--
        jQuery 1.4.2
    -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    
    <!--
        Table sorter
        http://tablesorter.com
    -->
    <script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".table-submitted").tablesorter( {sortList: [[0,0]], widgets: ['zebra']} );
            $(".table-admin-projects").tablesorter( {sortList: [[1,0]], widgets: ['zebra']} );
            $(".table-evaluations").tablesorter( {sortList: [[0,0]], widgets: ['zebra']} );
        });
    </script>
    
    <!--
        jQuery Raty
        http://www.wbotelhos.com/raty/
    -->
    <script src="js/jquery.raty.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#stars-default').raty();
            $('#stars-two').raty({
              start:     2
            });
            $('#stars-three').raty({
              start:     3
            });
            $('#stars-four').raty({
              start:     4
            });
        });
    </script>
    <!-- 
    ////////////////////////
      END CUSTOM SCRIPTS
    ////////////////////////
    -->
</head>
<body>

<!-- 
////////////////////////
  BEGIN DEFAULT HEADER
////////////////////////
-->
<div id="bg">
<div id="page-header">
    <div class="container_12">
        <div class="grid_12">
            <a href="homepage.html"><img src="images/google.png" height="40" width="114" alt="Google" /></a>
            <p><a href="homepage.html">Summer<br />of Code // 2011</a></p>
        </div>
    </div>
</div>
<!-- .page-header -->
<!-- 
////////////////////////
  END DEFAULT HEADER
////////////////////////
-->

<!-- 
////////////////////////
   BEGIN MAIN CONTENT
////////////////////////
-->
<div id="main">
    <div class="container_12">
    
        <!-- 
        ////////////////////////
            BEGIN SITE MENU
        ////////////////////////
        -->
        <div id="main-menu" class="grid_3">
            <ul id="main-menu-list">
                <li id="menu-dashboard" class="parent active"><a href="javascript:void(0)">Alicia's Dashboard</a>
                    <ul id="submenu">
                        <li id="submenu-dashboard-edit-profile"><a href="javascript:void(0)">Edit my Profile</a></li>
                    </ul>
                </li>
                <li id="menu-about"><a href="javascript:void(0)">About</a></li>
                <li id="menu-apply"><a href="javascript:void(0)">Apply</a></li>
                <li id="menu-projects"><a href="search.html">Current &amp; Past Projects</a></li>
                <li id="menu-events"><a href="javascript:void(0)">Events &amp; Timeline</a></li>
                <li id="menu-connect"><a href="javascript:void(0)">Connect With Us</a></li>
                <li id="menu-help"><a href="javascript:void(0)">Help</a></li>
            </ul>
        </div>
        <!-- .grid_3 -->
        <!-- 
        ////////////////////////
            END SITE MENU
        ////////////////////////
        -->
      
        <!-- 
        ////////////////////////
           BEGIN PAGE CONTENT
        ////////////////////////
        -->
        <div class="grid_9">
            <div class="content">
                
                <div id="user-message" class="error">
                    <strong>ALERT:</strong> Your evaluations of your students are due in <strong>3 days</strong>.
                </div>
                
                <h1 id="main-page-title">Alicia Thomson’s Dashboard</h1>
                
                <!-- begin block -->
                <div id="proposals" class="block">
                    <h4 id="title-section-proposals">Proposals</h4>
                    <div class="block-content">
                        <h6 id="table-title-google">Google</h6>
                        <!-- begin table -->
                        <table id="table-proposal-google" class="tablesorter table-submitted table-submitted-google">
                            <thead>
                                <tr>
                                    <th><span>Title</span></th>
                                    <th><span>Student Name</span></th>
                                    <th><span>Status</span></th>
                                    <th><span>Comment</span></th>
                                    <th><span>Score</span></th>
                                    <th><span>Rank</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><a href="javascript:void(0)">This is a Summer of Code Title</a></td>
                                    <td><a href="javascript:void(0)">Ben Smith</a></td>
                                    <td>Approved</td>
                                    <td><a href="javascript:void(0)">Comment</a></td>
                                    <td><div id="stars-three" class="stars"></div><a href="javascript:void(0)">(2.8)</a></td>
                                        <!-- keep the "stars" class for styling purposes -->
                                    <td><a href="javascript:void(0)" class="rank up off"></a><a href="javascript:void(0)" class="rank down"></a></td>
                                </tr>
                                <tr>
                                    <td><a href="javascript:void(0)">Another Summer of Code Title</a></td>
                                    <td><a href="javascript:void(0)">Alicia Thompson</a></td>
                                    <td>Submitted</td>
                                    <td><a href="javascript:void(0)">Comment</a></td>
                                    <td><div id="stars-default" class="stars"></div><a href="javascript:void(0)">(3.2)</a></td>
                                    <td><a href="javascript:void(0)" class="rank up"></a><a href="javascript:void(0)" class="rank down off"></a></td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- end table -->
                        <h6 id="table-title-apache">Apache Foundation</h6>
                        <!-- begin table -->
                        <table id="table-proposal-apache" class="tablesorter table-submitted table-submitted-apache">
                            <thead>
                                <tr>
                                    <th><span>Title</span></th>
                                    <th><span>Student Name</span></th>
                                    <th><span>Status</span></th>
                                    <th><span>Comment</span></th>
                                    <th><span>Score</span></th>
                                    <th><span>Rank</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><a href="javascript:void(0)">This is a Summer of Code Title</a></td>
                                    <td><a href="javascript:void(0)">Ben Smith</a></td>
                                    <td>Approved</td>
                                    <td><a href="javascript:void(0)">Comment</a></td>
                                    <td><div id="stars-two" class="stars"></div><a href="javascript:void(0)">(2.8)</a></td>
                                    <td><a href="javascript:void(0)" class="rank up"></a><a href="javascript:void(0)" class="rank down off"></a></td>
                                </tr>
                                <tr>
                                    <td><a href="javascript:void(0)">Another Summer of Code Title</a></td>
                                    <td><a href="javascript:void(0)">Alicia Thompson</a></td>
                                    <td>Submitted</td>
                                    <td><a href="javascript:void(0)">Comment</a></td>
                                    <td><div id="stars-four" class="stars"></div><a href="javascript:void(0)">(3.2)</a></td>
                                    <td><a href="javascript:void(0)" class="rank up off"></a><a href="javascript:void(0)" class="rank down"></a></td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- end table -->
                    </div>
                </div>
                <!-- end block -->
                <!-- begin block -->
                <div id="payments" class="block block-text">
                    <h4 id="title-section-payment-status">Payment Status</h4>
                    <div class="block-content">
                        <p><strong>Your payment status is currently: pending.</strong></p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod volutpat 
                        tellus, vel dapibus nibh sagittis nec. Vestibulum lectus arcu, aliquam ac, porttitor 
                        lacinia augue. <a href="javascript:void(0)">Click here to contact your mentor.</a></p>
                    </div>
                </div>
                <!-- end block -->
                <!-- begin block -->
                <div id="evaluations" class="block">
                    <h4 id="title-section-mentor-evaluations">Mentor Evaluations</h4>
                    <div class="block-content">
                        <!-- begin table -->
                        <table id="table-mentor-evaluations" class="tablesorter table-evaluations">
                            <thead>
                                <tr>
                                    <th><span>View/Edit</span></th>
                                    <th><span>Mentor Name</span></th>
                                    <th><span>Date Due</span></th>
                                    <th><span>Status</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><a href="javascript:void(0)"><img src="images/icon-view.png" height="11" width="10" alt="View" /></a></td>
                                    <td><a href="javascript:void(0)">Alicia Thompson</a></td>
                                    <td class="emph">Sept. 9, 2010</td>
                                    <td class="emph flag">Unsubmitted</td>
                                </tr>
                                <tr>
                                    <td><a href="javascript:void(0)"><img src="images/icon-view-edit.png" height="11" width="14" alt="Edit" /></a></td>
                                    <td><a href="javascript:void(0)">Ben Smith</a></td>
                                    <td class="emph">Sept. 9, 2010</td>
                                    <td><a href="javascript:void(0)">Submitted</a></td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- end table -->
                    </div>
                </div>
                <!-- end block -->
    
            </div>
            <!-- .content -->
        </div>
        <!-- .grid_9 -->
        <!-- 
        ////////////////////////
           END PAGE CONTENT
        ////////////////////////
        -->
        
    </div>
    <!-- .container_12 -->
</div>
<!-- .main -->
<!-- 
////////////////////////
   END MAIN CONTENT
////////////////////////
-->

<!-- 
////////////////////////
  BEGIN DEFAULT FOOTER
////////////////////////
-->
<div id="footer">
    <div class="container_12">
            <div class="grid_3">&nbsp;</div>
            <!-- .grid_3 -->
            <div class="grid_9">
                <div class="footer-menu">
                    <ul id="footer-menu-list">
                        <li id="footer-menu-about"><a href="javascript:void(0)">About</a></li>
                        <li id="footer-menu-contact"><a href="javascript:void(0)">Contact</a></li>
                        <li id="footer-menu-facebook" class="social"><a href="javascript:void(0)" class="fb">Facebook</a></li>
                        <li id="footer-menu-twitter" class="social"><a href="javascript:void(0)" class="tw">Twitter</a></li>
                        <li id="footer-menu-blogger" class="social"><a href="javascript:void(0)" class="bl">Blogger</a></li>
                        <li id="footer-menu-email" class="social"><a href="javascript:void(0)" class="em">Email</a></li>
                        <li id="footer-menu-irc" class="social"><a href="javascript:void(0)" class="irc">IRC</a></li>
                        <li id="footer-menu-privacy" class="last"><a href="javascript:void(0)">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="footer-meta">
                    <span class="powered">Powered by <a href="http://code.google.com/p/soc/wiki/MelangeIntro" target="_blank">Melange</a></span> Empowered by <a href="http://www.echoditto.com/" target="_blank"><img src="images/echoditto.png" height="16" width="70" alt="EchoDitto" /></a>
                </div>
            </div>
            <!-- .grid_9 -->
        </div>
        <!-- .container_12 -->
</div>
<!-- .footer -->
</div>
<!-- #bg -->
<!-- 
////////////////////////
  END DEFAULT FOOTER
////////////////////////
-->

</body>
</html>